<script lang="ts" setup>
import { ref } from 'vue'

const containerShow = ref<boolean>(true)
</script>

<template>
  <t-row v-if="containerShow">
    <t-alert
      :onClosed="
        () => {
          containerShow = false
        }
      "
      class="alert"
      close
      theme="info"
      title="说明"
      style="width: 100%"
    >
      <span
        >[1]
        当前系统仅支持微信官方支付（通道为PC端扫码支付，即Native3支付）和支付宝官方支付（通道为当面付），其他支付方式或通道将会陆续支持，敬请期待</span
      ><br />
      <span
        >[2]
        微信官方支付（PC端扫码支付）申请需要营业执照、公众号或服务号认证等资质，门槛较高；支付宝官方支付（当面付）申请仅需填写相关资料即可，门槛较低</span
      ><br />
      <span
        >[3] 相关链接（点击跳转）：<a href="https://pay.weixin.qq.com/" target="_blank"
          >[微信支付平台]</a
        >、<a href="https://mp.weixin.qq.com/" target="_blank">[微信公众平台]</a>、<a
          href="https://auth.alipay.com"
          target="_blank"
          >[支付宝开放平台]</a
        ></span
      >
    </t-alert>
  </t-row>
</template>

<style lang="less" scoped>
.t-row {
  margin: 20px 0;
}
</style>
